@import "../tools/exports";

@include govuk-exports("govuk/core/govuk-frontend-properties") {
  :root {
    // This variable is automatically overwritten during builds and releases.
    // It doesn't need to be updated manually.
    --govuk-frontend-version: "development";

    // CSS custom property for each breakpoint
    @each $name, $value in $govuk-breakpoints {
      --govuk-breakpoint-#{$name}: #{govuk-px-to-rem($value)};
    }

    // CSS custom properties for each functional colour
    @each $name, $value in $_govuk-functional-colours {
      --_govuk-#{$name}-colour: #{$value};
    }
  }
}
